aboutsummaryrefslogtreecommitdiffstats
path: root/src/routes/(app)/voucher/[redeemcode]
diff options
context:
space:
mode:
authorAdam Soltys <[email protected]>2023-01-18 19:44:27 -0800
committerAdam Soltys <[email protected]>2023-01-18 19:44:27 -0800
commit67c4af186fec0423664b18847921eb9696a1eeef (patch)
tree85e0fb00f3aa89fdde1cbb667bf801564bff7610 /src/routes/(app)/voucher/[redeemcode]
parentb1ad12734eeafc36a07bd76f649a98ae9ade5723 (diff)
downloadcoinos-ui-67c4af186fec0423664b18847921eb9696a1eeef.tar.gz
coinos-ui-67c4af186fec0423664b18847921eb9696a1eeef.zip
pots
Diffstat (limited to 'src/routes/(app)/voucher/[redeemcode]')
-rw-r--r--src/routes/(app)/voucher/[redeemcode]/+page.server.js24
-rw-r--r--src/routes/(app)/voucher/[redeemcode]/+page.svelte77
2 files changed, 0 insertions, 101 deletions
diff --git a/src/routes/(app)/voucher/[redeemcode]/+page.server.js b/src/routes/(app)/voucher/[redeemcode]/+page.server.js
deleted file mode 100644
index fbbec7bc..00000000
--- a/src/routes/(app)/voucher/[redeemcode]/+page.server.js
+++ /dev/null
@@ -1,24 +0,0 @@
-import { error, redirect } from '@sveltejs/kit';
-import { auth, get, post } from '$lib/utils';
-import Qr from 'qrcode-base64';
-
-export let load = async ({ params: { redeemcode }, url }) => {
- let payment = await get(`/voucher/${redeemcode}`);
- console.log(payment);
-
- let src = Qr.drawImg(url.href, { size: 300 });
- return { payment, src };
-};
-
-export const actions = {
- default: async ({ cookies, locals, params, request }) => {
- let { user } = locals;
-
- if (user) {
- await post('/redeem', params, auth(cookies));
- throw redirect(307, `/${user.username}/payments`);
- }
-
- throw redirect(307, '/register');
- }
-};
diff --git a/src/routes/(app)/voucher/[redeemcode]/+page.svelte b/src/routes/(app)/voucher/[redeemcode]/+page.svelte
deleted file mode 100644
index 9af67498..00000000
--- a/src/routes/(app)/voucher/[redeemcode]/+page.svelte
+++ /dev/null
@@ -1,77 +0,0 @@
-<script>
- import { enhance } from '$app/forms';
- import { page } from '$app/stores';
- import { Avatar, Icon } from '$comp';
- import { toast } from '@zerodevx/svelte-toast';
- import { t } from '$lib/translations';
- import { copy, f, s, sat, sats } from '$lib/utils';
- import { loginRedirect, selectedRate } from '$lib/store';
-
- export let data;
- let { src } = data;
- $: ({ amount, currency, rate, redeemed, redeemcode, user, redeemer } = data.payment);
-
- toast.pop(0);
-
- $: amountFiat = parseFloat(((-amount * rate) / sats).toFixed(2));
-</script>
-
-<div class="container px-4 max-w-lg mx-auto mt-10 space-y-5">
- <div class="w-full flex">
- <a href="/" class="mx-auto">
- <Icon icon="logo" />
- </a>
- </div>
-
- <div class="flex justify-center items-center text-center">
- <div class="shadow-xl rounded-3xl px-10 pt-5 pb-10 space-y-5 w-full mx-5">
- {#if !redeemed}
- <img
- {src}
- class="w-[300px] mx-auto cursor-pointer"
- on:click={() => copy(redeemcode)}
- alt="Redeem Code"
- />
- {/if}
- <div class="flex justify-center gap-4">
- <div class="my-auto">
- <h2 class="text-2xl md:text-3xl font-semibold">
- {f(amountFiat, currency)}
- </h2>
- <h3 class="text-secondary md:text-lg mt-1">
- {sat(amount)}
- </h3>
- </div>
- <div class="my-auto">{$t('transactions.from')}</div>
- <div class="flex">
- <Avatar {user} size={20} />
- <div class="my-auto">{user.username}</div>
- </div>
- </div>
- <div class="mx-auto my-auto flex gap-2 justify-center" data-sveltekit-prefetch="off">
- {#if redeemer}
- <div class="my-auto">{$t('transactions.redeemedBy')}</div>
- <div class="flex">
- <Avatar user={redeemer} size={20} />
- <div class="my-auto">{redeemer.username}</div>
- </div>
- {:else}
- <form
- method="POST"
- use:enhance
- on:submit={() => ($loginRedirect = `/redeem/${redeemcode}`)}
- >
- <button
- type="submit"
- class="text-lg rounded-full border py-3 px-7 font-bold hover:opacity-80"
- class:bg-gray-200={redeemed}
- disabled={$loginRedirect || redeemed}
- >
- {redeemed ? $t('transactions.redeemed') : $t('transactions.redeem')}
- </button>
- </form>
- {/if}
- </div>
- </div>
- </div>
-</div>